<template>
  <page>
    <div slot="body">
      <div class="table-operation">
        <el-button
          type="primary"
          size="small"
          icon="el-icon-plus"
          @click="openDialogHandle('Add', null)"
        >
          添加账号
        </el-button>
      </div>
      <el-table :data="tableData" border>
        <el-table-column label="序号" type="index" width="50px" />
        <el-table-column label="姓名" prop="a" />
        <el-table-column label="序号" prop="a" />
        <el-table-column label="密码" prop="a" />
        <el-table-column label="角色" prop="a" />
        <el-table-column label="状态" prop="a" />
        <el-table-column label="添加时间" prop="a" />
        <el-table-column label="操作" width="80px">
          <template slot-scope="scope">
            <el-link
              type="primary"
              :underline="false"
              @click="openDialogHandle('Edit', scope.row)"
              >编辑
            </el-link>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div slot="footer">
      <el-pagination
        background
        :page-size="pageVO.pageSize"
        :current-page.sync="pageVO.pageNum"
        :total="pageVO.total"
        :layout="pageOptions.layout"
        :page-sizes="pageOptions.pageSizes"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
      />
    </div>
    <managementDialog ref="dialogRef" />
  </page>
</template>
<script>
import managementDialog from "./managementDialog.vue";
//import pageQuery from "../../mixins/pageQuery";
export default {
  mixins: [pageQuery],
  components: {
    managementDialog,
  },
  data() {
    return {
      tableData: [{ a: 1 }],
    };
  },
  methods: {},
};
</script>
